{% extends "base/base.html" %}
{% load i18n %}
{% block title %}{% trans 'Contáctanos' %}{% endblock %}
{% comment %} Contact us {% endcomment %}
{% block page-header %}{% trans 'CONTACTANOS' %}{% endblock %}
{% block content %}
    <!-- Start contact -->
    <section class="contact">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <div class="img-polaroid">
                        <iframe
                            marginheight="0"
                            marginwidth="0"
                            src="http://maps.google.com/maps?oe=utf-8&amp;client=firefox-a&amp;q=18.998312,-98.227097&amp;ie=UTF8&amp;hq=Victoria's+Eventos&amp;hnear=&amp;t=m&amp;ll=18.998159,-98.227075&amp;spn=0.008775,0.016512&amp;output=embed"
                            frameborder="0"
                            height="350"
                            scrolling="no"
                            width="425">
                        </iframe>
                    </div>
                </div>
                <div class="span4 our-office">
                    <h4>{% trans 'NUESTRAS OFICINAS' %}</h4>
                    <hr>
                    <p>Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
                    <dl>
                        <dt>{% trans 'Dirección' %}:</dt>
                        <dd>
                            <strong>{{ project_name }} Inc.</strong><br>
                            Calle 5 sur 8912-A, Col. Jardín<br>
                            Puebla, PUE 72490
                        </dd>
                        <dt>{% trans 'Teléfonos' %}:</dt>
                        <dd>
                            +52 222 219 7076<br>
                            +52 222 493 0443
                        </dd>
                        <dt>E-mail:</dt>
                        <dd><a href="mailto:mail@domain.com">ivan.espinosaf@gmail.com</a></dd>
                    </dl>
                </div>
                <div class="span8 contact-form">
                    <h4>{% trans 'ENVIANOS UN MENSAJE' %}</h4>
                    <hr>
                    <form>
                        <div class="row">
                            <div class="span4">
                                <label>{% trans 'Nombre' %}</label>
                                <input class="span4" type="text">
                            </div>
                            <div class="span4">
                                <label>E-mail</label>
                                <input class="span4" type="text">
                            </div>
                            <div class="span8">
                                <label>{% trans 'Asunto' %}</label>
                                <input class="span8" type="text">
                            </div>
                            <div class="span8">
                                <label>{% trans 'Mensaje' %}</label>
                                <textarea class="span8" rows="8"></textarea>
                            </div>
                            <div class="span8">
                                <a class="btn btn-success"><span>Enviar Mensaje</span></a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
{% endblock %}